{% extends 'base.html' %}
{% block styles%}
<style type="text/css">
    header{
        background-color: #eee;
        height: 7rem;
    }
    header h1{
        font-size: 3rem;
    }
    .mynav{
        margin-bottom: 0 !important;
    }
    form{
        margin: 20px 0px;
        font-size: 1.6rem;
    }
    .submit-btn{
        margin-top:20px;
        height: 50px;
        width:130px;
        font-size: 20px;
    }
</style>
 {% endblock %}
 {% block title%}
    <title>主界面</title>
{% endblock %}
{% block nav %}
    <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> 退出登录</a></li>
{% endblock %}
{% block content %}
<header>
<div class="container">
    <h1>添加课程</h1>
</div>
</header>
<div class="container">

    <form class="form-horizontal" role="form" method="post" style="margin-top: 30px;">
  <div class="form-group">
    <label for="firstname" class="col-sm-2 control-label">课程名称：</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="firstname" name="name" placeholder="请输入课程名称">
    </div>
  </div>
  <div class="form-group">
    <label for="lastname" class="col-sm-2 control-label">课程简介：</label>
    <div class="col-sm-10">
        <textarea class="form-control" id="lastname" rows="3" name="abstract"></textarea>
    </div>
  </div>

  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default" name="login" >添加</button>

    </div>
  </div>
</form>
</div>
{% endblock %}